// import * as echarts from 'echarts';
// import { useEffect, useRef } from 'react';

// const Home =()=>{
//     const chartRef = useRef(null)
//     useEffect(()=>{
//         //保证dom可用，才进行图表的渲染
//         //1.获取渲染图表的dom节点
//         // var chartDom = document.getElementById('main');
//         //1.使用react的操作替换操作原生dom
//         const chartDom = chartRef.current
//         //2.图表初始化生成实例对象
//         var myChart = echarts.init(chartDom);
//         //3.准备图表参数
//         var option = {
//         xAxis: {
//             type: 'category',
//             data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
//         },
//         yAxis: {
//             type: 'value'
//         },
//         series: [
//             {
//             data: [120, 200, 150, 80, 70, 110, 130],
//             type: 'bar'
//             }
//         ]
//         };
//         //4.使用图表参数完成图表的渲染
//         option && myChart.setOption(option);
//     },[])
//     // return <div><div id='main' style={{width:'500px', height: '400px'}}></div></div>
//     return <div><div ref={chartRef} style={{width:'500px', height: '400px'}}></div></div>
// }
// export default Home

import BarChart from "./components/BarChart";
const Home=()=>{
    return (
    <div>
        <BarChart title={'柱状图1'}/> 
        <BarChart title={'不同的title的柱状图2'}/>
    </div>
    )
}
export default Home